
div#middle div#slide-show{
    position: relative;
    height: 455px;
    overflow: hidden;
    background-color: transparent;
}

div#middle div#slide-show table{
    border-collapse: collapse;
}

div#middle div#slide-show a.image-container{
    display: block;
    height : 400px;
}
div#middle div#slide-show a.image-container img{
    display: block;
}

div#middle div#slide-show td p{
    width: 550px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color : #99cc00;
    font-style : italic;
    line-height: 20px;
    padding-top: 5px;
    height : 40px;
    overflow: hidden;
}

div#middle div#slide-show ul{
    position: absolute;
    top : 400px;
    right : 5px;
}
div#middle div#slide-show ul li{float: left;}

div#middle div#slide-show ul li a{
    display: block;width: 14px;height:20px;text-align: center;line-height: 20px;padding:2px;color : #cccccc;
    background: url('../img/frontend/slide-show-button-bg.png') top center no-repeat scroll transparent;
    overflow: hidden; text-indent: -10000px;
}
div#middle div#slide-show ul li a.active,
div#middle div#slide-show ul li a:hover{
    color: #99cc00;font-weight: bold;
    background: url('../img/frontend/slide-show-button-bg.png') bottom center no-repeat scroll transparent;
}

div#middle dl#projects{
    overflow: auto;
    padding: 0;
    margin : 10px 0 0 0;
    background-color: transparent;
}

div#middle dl#projects dt{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    background-color: transparent;
    margin: 0 0 0 -5px;
    padding-left : 10px;
    color : #333333;
    font-weight: bolder;
    border-bottom: 1px solid #333333;
}

div#middle dl#projects dd{
    float: left;
    margin : 8px 8px 0 0;
}
div#middle dl#projects dd.change-line{margin-right:0;}

div#middle dl#projects dd a,
div#middle dl#projects dd a img{
    display: block;
}
div#middle dl#projects dd a{
    position: relative;
}
div#middle dl#projects dd a span.content{
    display: none;
    width: 200px;
    height: 200px;
    position: absolute;
    left : 0;top: 0;
    background: url('../img/frontend/project-mask.png') 0 0 repeat scroll transparent;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color : #000000;
    padding: 20px;
}

div#middle dl#projects dd a:hover span.content{
    display: block;
}
div#middle dl#projects dd a span.content span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-top: 20px;
	line-height: 1.5em;
}

div#middle dl#news{
    overflow: auto;
    padding: 0 0 30px 0;
    margin : 10px 0 0 0;
    background-color: transparent;
}

div#middle dl#news dt{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    background-color: transparent;
    margin: 0 0 10px -10px;
    padding-left : 10px;
    color : #333333;
    font-weight: bolder;
    border-bottom: 1px solid #333333;
}

div#middle dl#news dd{
    float: right;
    width : 247px;
    position: relative;
    padding : 15px 15px 20px 65px;
    border: 1px solid #bdc5a7;
	overflow: hidden;
}
div#middle dl#news dd.news-0{width: 485px;height:148px;}
div#middle dl#news dd.news-0 img{display: block;float:left;margin-right:14px;width:226px;height:144px;}
div#middle dl#news dd.news-1{width: 336px;height:148px;}
div#middle dl#news dd.news-1 img{display: block;float:left;margin-right:14px;width:142px;height:142px;}
div#middle dl#news dd.news-2{width: 247px;height:484px;}
div#middle dl#news dd.news-2 img{display: block;margin-bottom:10px;width:248px;height:248px;}
div#middle dl#news dd.news-3{width: 574px;height:118px;}
div#middle dl#news dd.news-3 img{display: block;float: left;margin-right:14px;width:246px;height:122px;}
div#middle dl#news dd.news-4{width: 246px;height:329px;}
div#middle dl#news dd.news-5{width: 246px;height:329px;}
div#middle dl#news dd.news-4 img,
div#middle dl#news dd.news-5 img{display: block;float: left;margin-bottom:10px;width:246px;height:142px;}

div#middle dl#news dd a{
    color : #333333;
    font-size: 16px;
    font-style : italic;
}
div#middle dl#news dd a:hover{
    color : #99cc00;
}

div#middle dl#news dd p{
    /*line-break: strict;*/
    /*white-space: nowrap;*/
    word-break: break-all;
    /*break-word : break-all;*/
    /*word-wrap : break-word;*/
    color : #666666;
    line-height: 1.5em;
	font-size: 13px;
}

div#middle dl#news dd div.date{
    position: absolute;
    top: 0;left : 0;
    width: 50px;height: 50px;
    background-color: #bdc5a7;
}
div#middle dl#news dd div.date h4,
div#middle dl#news dd div.date h3{
    color : #333333;
    margin: 0;
    text-align: center;
}

div#middle dl#news dd div.date h4{
    font-weight: normal;
    font-size : 13px;
}

div#middle dl#news dd div.date h3{
    font-size: 26px;
    font-family: Arail;
}